<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聚衣源</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../lib/css/swiper.min.css">
    <link rel="stylesheet" href="../../lib/css/animate.min.css">
    <link rel="stylesheet" href="../../lib/css/elementui.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">

</head>

<body>
    <div class="app-wrap container_960" v-cloak id="designer_add_works">
        <header-top></header-top>
        <common-login-head :text="urlReqType ==1?添加作品:修改作品"></common-login-head>
        <!-- 提示框 -->
        <el-dialog title="提示" :visible.sync="dialogVisible" width="400px">
            <span>{{dialogTitle}}</span>
            <span slot="footer" class="dialog-footer">
                    <!-- <el-button @click="dialogVisible = false">取 消</el-button> -->
                    <el-button type="primary" @click="dialogVisible = false">{{dialogBtnText}}</el-button>
                </span>
        </el-dialog>
        <div class="designer_bg">
            <div class="designer_join container">
                <!-- 个人用户 -->
                <div class="designer_join-con">
                    <div class="designer_join-con-col">
                        <h1>作品名称：</h1>
                        <input type="text" class="input" v-model="worksName">
                    </div>
                    <div class="designer_join-con-col">
                        <h1>作品简介：</h1>
                        <input type="text" class="input" v-model="worksText">
                    </div>
                    <div class="designer_join-con-col">
                        <h1>类型：</h1>
                        <el-select v-model="worksType" placeholder="请选择" style="min-width: 300px;">
                            <el-option v-for="(item,index) in workTypeOptions" :key="item.id"
                                       :label="item.name" :value="item.id">
                            </el-option>
                        </el-select>
                    </div>
                    <div class="designer_join-con-col">
                        <h1>公开：</h1>
                        <div class="option" @mouseleave="closeOption($event)">
                            <p @click="clickShowOption($event)">{{power==1?"是（默认）":"否"}}<i class="icon-company_entry_arr"></i></p>
                            <div class="option-sub">
                                <p @click="clickPower(1)" :class="{cur:power==1}">是（默认）</p>
                                <p @click="clickPower(2)" :class="{cur:power==2}">否</p>
                            </div>
                        </div>
                    </div>
                    <div class="designer_join-con-col designer_join-con-col_addimg" v-for="item,index in worksbase64">
                        <div class="designer_join-con-col_addimg-img">
                            <i class="icon-img_del" title="点击删除" @click="clickDel(index)"></i>
                            <img :src="item">
                        </div>
                        <h1>描述：</h1>
                        <input type="text" class="input" v-model="workstext[index]">
                    </div>
                    <div class="designer_join-con-col designer_join-con-col_img">
                        <h1>从相册选择一张图：</h1>
                        <common-upimg :preimg="worksImg" :testoption="{maxlength:99}"></common-upimg>
                        <!-- 作品图片没有介绍字段 以后有异议在考虑
                        <div class="designer_join-con-col_img-input">-->
                            <!--<img src="../../img/choose_img.png">-->
                            <!--<input type="file" @change="chooseImg($event)">-->
                        <!--</div>-->
                    </div>
                    <div class="designer_join-con-doublebtn ">
                        <button >删除</button>
                        <button @click="clickWorkSubmit">发布</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="designer_bg ">
            <common-login-footer class="pt-30 pb-60 "></common-login-footer>
        </div>
    </div>
    <script src="../../lib/js/vue.js "></script>
    <script src="../../lib/js/axios.min.js "></script>
    <script src="../../lib/js/swiper.min.js "></script>
    <script src="../../lib/js/elementui.min.js "></script>
    <script src="../../lib/js/area.js "></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js "></script>
    <script src="../../js/all.min.js "></script>
    <script>
        designer_add_works();
    </script>
</body>

</html>